<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据查询</title>
    <link rel="stylesheet" href="table.css">
</head>
<body>
    <div  class="d2">
    <div class="d1" > <input class="date" type="date">
    <select  name="" id="select">
        <option value="s1" selected> 全部赛事</option>
        <option value="s1"> 本年度赛事</option>
        <option value="s1"> 本月赛事</option>
    </select>
<button class="but1">查询</button></div>
<div id="box">
    <div class="box-1">

    <div >
        <span >全部英雄数据 </span>   <button class="but2">导出</button>
    </div>

<div class="box-3">
    <table >
        <thead>
            <td>英雄</td>
            <td>pick场次</td>
            <td>总击杀</td>
            <td>场均kda</td>
            <td>场均击杀</td>
            <td>场均死亡</td>
            <td>场均助攻</td>
            <td>GPM</td>
            <td>XPM</td>
            <td>被扳场次</td>
            <td>胜率</td>
            <td>出场率</td>
            <td>ban率</td>
            <td>热度</td>
        </thead>
        <tbody class="tbody">
           <tr>
               <td><img src="./img/猪八戒.jpg" alt="">猪八戒</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="./img/杨玉环.jpg" alt="">杨玉环</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="./img/夏洛特.jpg" alt="">夏洛特</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="./img/伽罗.jpg" alt="">伽罗</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="./img/元歌.jpg" alt="">元歌</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="img/公孙离.jpg" alt="">公孙离</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
           <tr>
               <td><img src="img/司马懿.jpg" alt="">司马懿</td>
               <td>212</td>
               <td>202</td>
               <td>3.68</td>
               <td>0.95</td>
               <td>2.39</td>
               <td>5.96</td>
               <td>480.88</td>
               <td>81.86</td>
               <td>104</td>
               <td>50%</td>
               <td>40%</td>
               <td>20%</td>
               <td>59%</td>
           </tr>
        </tbody>
    </table>
</div>
</div>

</body>
</html>